$(function () {
  //点击顶部设置图标显示/隐藏下拉菜单
  $(".set").click(function (ev) {
    ev.stopPropagation();
    $(".set_list").stop().slideToggle();
  });
  $('.cancel-btn').click(function () {
    $(this).parents('.inputBox').stop().slideToggle();
  });
  $('.pageH').hover(function () {
    $(this).children('.desBox').stop().slideDown();
  }, function () {
    $(this).children('.desBox').stop().slideUp();
  });
  $('.comment').click(function () {
    $(this).parents('.stateBar').next('.inputBox').stop().slideToggle();
  });

  // 点击更多梳理按钮
  function showMore() {
    var triangle = document.getElementById('icon-triangle');
    if (triangle.className == 'triangle_down') {
      triangle.className = 'triangle_up';
      $('.stuComBox2').show();
      $('.dashedLine').show();
      $('.stuJSCom').show();
    } else {
      triangle.className = 'triangle_down';
      $('.stuComBox2').hide();
      $('.dashedLine').hide();
      $('.stuJSCom').hide();
    }
    ;
  };
  $('.moreSec').click(function () {
    showMore();
  });
  //课堂展示-批量操作
  var batchBtn = $('#batchBtn');
  batchBtn.click(function () {
    if (this.innerHTML == '批量') {
      this.innerHTML = '取消';
      $(this).siblings('a').show();
      $('.resource').hide();
      $('.newBuild').hide();
      $('.icon-search').hide();
      $('.dashedLine').show();
      $('.checkBox').show();
      if (!$(this).next('a').attr('className') == 'resource') {
        showMore();
      }
      ;
    } else {
      this.innerHTML = '批量';
      $(this).siblings('a').hide();
      $('.resource').show();
      $('.newBuild').show();
      $('.icon-search').show();
      $('.dashedLine').hide();
      if (!$(this).next('a').attr('className') == 'resource') {
        showMore();
      }
      ;
      $('.checkBox').hide();
      $('.checkBox').css('background', '');
      $('.checkBox').children('input').removeAttr('checked');
    }
    ;
  });
  //单选按钮操作
  $('.icon-radio').click(function () {
    $(this).css('backgroundPosition', '0 -18px');
    $(this).next().attr('checked', 'checked');
    var aNode = $(this).parent().siblings().children('.icon-radio');
    aNode.css('backgroundPosition', '0 0');
    aNode.next().removeAttr('checked');
  });
  //多选框操作
  $('.checkBox').click(function () {
    var son = this.firstChild;
    if (son.checked) {
      son.removeAttribute('checked');
      this.style.background = '';
    } else {
      son.setAttribute('checked', 'checked');
      this.style.background = 'url(img/icon_checked.png) no-repeat 49% 50%';
    }
    ;
  });
  //全选操作
  $('.check-all').click(function () {
    $('.checkBox').css('background', 'url(img/icon_checked.png) no-repeat 49% 50%');
    $('.checkBox').children('input').attr('checked', 'checked');
  });
  //添加图片
  $('.icon-pic').click(function () {
    var addImg = $(this).parents('.toolBar').next('.addImg');
    addImg.toggle();
    addImg.next('.addAV').hide();
    $(this).parents('.toolBar').prev('.addDoc').hide();
    // $(this).css('background-position','-22px -24px');
  });
  //添加视频
  $('.icon-video').click(function () {
    var addImg = $(this).parents('.toolBar').next('.addImg');
    addImg.hide();
    addImg.next('.addAV').toggle();
    $(this).parents('.toolBar').prev('.addDoc').hide();
    // $(this).css('background-position','-44px -24px');
  });
  //添加附件
  $('.icon-link').click(function () {
    var addImg = $(this).parents('.toolBar').next('.addImg');
    addImg.hide();
    addImg.next('.addAV').hide();
    $(this).parents('.toolBar').prev('.addDoc').slideToggle();
    // $(this).css('background-position','-84px -24px');
  });
  //学习包多选框筛选操作
  $('.chkBox').click(function () {
    var ipt = this.firstChild;
    if (ipt.checked) {
      ipt.removeAttribute('checked');
      this.style.background = '';
    } else {
      ipt.setAttribute('checked', 'checked');
      this.style.background = 'url(img/icon-filter.png) no-repeat';
      this.style.backgroundPosition = '-62px 1px';
    }
    ;
  });
  //点击查看按钮
  $('.view').hover(function (ev) {
    ev.stopPropagation();
    $(this).children('.seeBtn').next().stop().slideDown();
  }, function (ev) {
    ev.stopPropagation();
    $(this).children('.seeBtn').next().stop().slideUp();
  });
  //小组讨论列表鼠标移入效果
  $('.personWords').hover(function () {
    $(this).find('.finalResult').stop().slideDown();
  }, function () {
    $(this).find('.finalResult').stop().slideUp();
  });
  //点击搜索展开搜索框
  $(".top_secher").click(function () {
    if ($(this).hasClass('open')) {
      $(this).removeClass('open');
      $(this).children('input').blur();
    } else {
      $(this).addClass('open');
      $(this).children('input').focus();
    }
    ;
  });
  $('.top_secher input').click(function (ev) {
    ev.stopPropagation();
  });
  //点击文档其他地方隐藏
  $(document).click(function () {
    $('.set_list').slideUp();
    $('.view .viewMenu').slideUp();
    $('.searchJSBox').addClass('curSea');
  });
  //科目分类点击
  $('.subBar span').click(function () {
    $(this).addClass('active').siblings().removeClass('active');
  });

  /*
  *
  * PS：以下<添加标签弹窗>这个地方建议封装一个函数，待改进
  *
  */

  //标签交互效果
  $('.tabList li').mouseover(function () {
    if ($(this).hasClass('active') && ($('.delBtn').text() == '删除')) {
      $(this).children('.bubble').css('display', 'inline-block');
    }
    ;
    $(this).addClass('current').siblings().removeClass('current');
  }).mouseout(function () {
    if ($(this).hasClass('active')) {
      $(this).children('.bubble').css('display', 'none');
    }
    ;
    $(this).removeClass('current');
  });
  $('.tabList li').click(function () {
    if ($('.delBtn').text() == '完成') {
      $(this).remove();
    }
    ;
    if ($(this).hasClass('active')) {
      $(this).removeClass('active');
      $(this).children('.bubble').css('display', 'none');
    } else {
      $(this).addClass('active');
    }
    ;
  });
  //点击添加标签按钮
  $('.addJSEnd').click(function () {
    $(this).hide().next('.addJSBox').show();
    $(this).next('.addJSBox').children('.entry').focus();
  });
  //点击添加按钮
  $('.addBtn').click(function () {
    $('.addJSEnd').hide().next('.addJSBox').show();
    $('.addJSEnd').next('.addJSBox').children('.entry').focus();
  });
  //点击确定按钮
  // $('.tureJSBtn').click(function(){
  //   var tabVal = $(this).prev('.entry').val();
  //   tvResult = tabVal.substr(0,7);
  //   if(tvResult!=''){
  //     $('.tabList').append('<li>'+tvResult+'<span class="bubble">已添加，点击取消</span></li>');
  //   };
  // });
  //点击取消按钮
  $('.falseJSBtn').click(function () {
    $(this).parent().hide();
    $(this).parent().prev().show();
  });
  //点击删除按钮
  $('.delBtn').click(function () {
    if ($(this).text() == '完成') {
      $(this).text('删除');
      $(this).prev().show();
      $('.addJSEnd').show();
      $('.tabList li').removeClass('delete');
    } else {
      $(this).text('完成');
      $(this).prev().hide();
      $('.addJSEnd').hide();
      $('.tabList li').addClass('delete');
    }
    ;
  });
  //点击迷你搜索框
  $('.searchJSBox').click(function (ev) {
    ev.stopPropagation();
    $(this).removeClass('curSea');
    $(this).children('input').show().focus();
  });
  //左侧科目标签移入
  // $('.tabTitle li').mouseover(function(){
  //   $(this).not('#addTabBtn').addClass('current').siblings().removeClass('current');
  // });
  $('.tabTitle li').click(function () {
    $(this).not('#addTabBtn').addClass('current').siblings().removeClass('current');
  });
  //左侧添加标签按钮点击弹窗
  $(function () {
    var oBtn = $('#addTabBtn');
    var popWindow = $('.popTab');
    var oClose = $('.popTab .closeBtn');
    var browserWidth = $(window).width();
    var browserHeight = $(window).height();
    var bScrollTop = $(window).scrollTop();
    var bScrollLeft = $(window).scrollLeft();
    var popWidth = popWindow.width();
    var popHeight = popWindow.height();
    var posLeft = browserWidth / 2 - popWidth / 2 + bScrollLeft;
    var posTop = browserHeight / 2 - popHeight / 2 + bScrollTop;
    var oMask = '<div class="mask"></div>';
    var maskWidth = $(document).width();
    var maskHeight = $(document).height();
    oBtn.click(function () {
      bScrollTop = $(window).scrollTop();
      bScrollLeft = $(window).scrollLeft();
      posLeft = browserWidth / 2 - popWidth / 2 + bScrollLeft;
      posTop = browserHeight / 2 - popHeight / 2 + bScrollTop;
      popWindow.show().animate({
        'left': posLeft,
        'top': posTop
      }, 300);
      $('body').append(oMask);
      $('.mask').width(maskWidth).height(maskHeight);
      $('.mask').css({
        position: 'absolute',
        top: 0,
        left: 0,
        zIndex: 10000,
        background: 'rgba(0,0,0,.5)'
      });
    });
    $(window).resize(function () {
      if (popWindow.is(':visible')) {
        browserWidth = $(window).width();
        browserHeight = $(window).height();
        bScrollTop = $(window).scrollTop();
        bScrollLeft = $(window).scrollLeft();
        posLeft = browserWidth / 2 - popWidth / 2 + bScrollLeft;
        posTop = browserHeight / 2 - popHeight / 2 + bScrollTop;

        popWindow.animate({
          'left': posLeft + 'px',
          'top': posTop + 'px'
        }, 300).dequeue();
      }
      ;
    });
    $(window).scroll(function () {
      if (popWindow.is(':visible')) {
        browserWidth = $(window).width();
        browserHeight = $(window).height();
        bScrollTop = $(window).scrollTop();
        bScrollLeft = $(window).scrollLeft();
        posLeft = browserWidth / 2 - popWidth / 2 + bScrollLeft;
        posTop = browserHeight / 2 - popHeight / 2 + bScrollTop;

        popWindow.animate({
          'left': posLeft + 'px',
          'top': posTop + 'px'
        }, 300).dequeue();
      }
      ;
    });
    oClose.click(function () {
      popWindow.hide();
      $('.mask').remove();
    });
  });

  //分配复选框
  $('.chkGroup .chkBtn').click(function () {
    // var oInt = $(this).not('.grade').children('input');
    if ($(this).hasClass('active')) {
      $(this).removeClass('active');
    } else {
      $(this).addClass('active');
    }
    ;
  });
  //点击分配
  $('.allot').click(function () {
    $(this).hide();
    $('.save').hide();
    $('.chkall').show();
    $('.release').show();
    $('.chkGroup').show();
  });
  //点击取消
  $('.cancel').click(function () {
    $('.save').show();
    $('.allot').show();
    $('.chkall').hide();
    $('.release').hide();
    $('.chkGroup').hide();
    $('.chkGroup .chkBtn').removeClass('active');
  });
  //点击批改显示输入框
  $('.updateBtn').click(function () {
    $(this).siblings('.inputBox').slideToggle();
    if ($(this).hasClass('udactive')) {
      $(this).removeClass('udactive');
    } else {
      $(this).addClass('udactive');
    }
    ;
  });

  $('.cancel-btn').click(function () {
    $('.updateBtn').removeClass('udactive');
  });


  //输入框点击对错
  $('.torf li').click(function () {
    $(this).children('.chkradio').css('backgroundPosition', '0px -18px').parent().siblings().children('.chkradio').css('backgroundPosition', '0px 0px');
    $(this).children('.chkradio').next().attr('checked', 'checked').parent().siblings().children('.chkradio').next().removeAttr('checked');
    if ($(this).hasClass('no')) {
      $(this).parents('.ng-topic').children('.chkError').css('color', '#f00');
    } else {
      $(this).parents('.ng-topic').children('.chkError').css('color', '#202020');
    }
    ;
  });
  //点赞效果
  $('.clickLike').click(function () {
    var num = parseInt($(this).text());
    if ($(this).hasClass('clcls')) {
      $(this).removeClass('clcls');
      num = --num;
      $(this).text(num);
    } else {
      $(this).addClass('clcls');
      num = ++num;
      $(this).text(num);
    }
    ;
  });
  //点击评论图标
  $('.comment').click(function () {
    if ($(this).hasClass('cocls')) {
      $(this).removeClass('cocls');
    } else {
      $(this).addClass('cocls');
    }
    ;
  });
  //  $('.sent-btn').click(function(){
  //    $('.comment').removeClass('cocls');
  //  });
  $('.cancel-btn').click(function () {
    $('.comment').removeClass('cocls');
  });

  //筛选条件点击变蓝
  $('.filterBar li').click(function () {
    $(this).addClass('focus').siblings().removeClass('focus');
  });

  //点击批改按钮展开输入框
  $('.update').click(function () {
    if ($(this).hasClass('lightUp')) {
      $(this).removeClass('lightUp');
    } else {
      $(this).addClass('lightUp');
    }
    ;
    $(this).next().next().next('.inputBox').slideToggle();
  });
  $('.cancel-btn').click(function () {
    $('.update').removeClass('lightUp');
    $(this).parents('.inputBox').hide();
  })
});
